<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>个人简历</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 0;
            padding: 20px;
            background-color: #f4f4f4;
        }
        .container {
            background-color: #fff;
            padding: 30px;
            border-radius: 6px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
            max-width: 600px;
            margin: 0 auto;
        }
        h1 {
            text-align: center;
        }
        table {
            width: 100%;
            border-collapse: collapse;
            margin-top: 30px;
            background-image: url('../zuoye7113/beijing.jpg');
            background-size: cover;
            background-position: center;
        }
        th, td {
            border: 3px solid #c2c0c0;
            padding: 10px;
            text-align: left;
        }
        textarea {
            width: calc(100% - 26px);
            height: 100px;
            padding: 10px;
            margin-top: 10px;
            border: 3px solid #8f8c8c;
            border-radius: 4px;
        }
        .photo {
            width: 100px;
            height: auto;
           
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>个人简历</h1>
        <form action="#" method="post">
            <table>
                <tr>
                    <th>姓名</th>
                    <td><input type="text" value="卢豫" maxlength="6" /></td>
                </tr>
                <tr>
                    <th>年龄</th>
                    <td><input type="text" value="19" maxlength="3" /></td>
                </tr>
                <tr>
                    <th>性别</th>
                    <td>
                        <input type="radio" name="sex" checked="checked" />男
                        <input type="radio" name="sex" />女
                    </td>
                </tr>
                <tr>
                    <th>头像</th>
                        <td><img src="../zuoye7113/luyu.jpg" alt="个人头像" class="photo"></td>
               </tr>
                <tr>
                    <th>基本信息</th>
                    <td>
                        姓名：[卢豫]<br>
                        联系方式：[13863799551]<br>
                        邮箱：[2157445738@qq.com]<br>
                        地址：[山东威海]<br><br>
                        教育背景<br>
                        [威海职业学院,大数据2班]<br>
                        [2024.9.1] - [至今]<br><br>
                        个人兴趣<br>
                        旅游,听音乐,DIY
                    </td>
                </tr>
                <tr>
                    <th>详细简历内容</th>
                    <td>
                        <textarea placeholder="在这里输入您的详细简历内容..."></textarea>
                    </td>
                </tr>
            </table>
        </form>
    </div>
</body>
</html>